@charset "utf-8";
/**/


@media(max-width:899px){
.swiper-container {width: 100%;  margin-left: auto; margin-right: auto; }	
.swiper-slide { text-align: center; font-size: 18px;  background: #fff;

      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  overflow:hidden;
    }

 .swiper-slide img{ width:180%; margin-left:-40%;}
 .swiper-button-next{ display:none;}
 .swiper-button-prev{ display:none;}
/*-----------------------------------------------------------------*/

#top{ width:100%; background:#fff; height:3rem;}
.top{ width:100%; margin:0 auto; overflow:hidden;}
#logo{float:left;}
#logo img{ height:3rem; margin-left:.5rem;}

#mbtn{ float:right;}
#mbtn img{ height:3rem;}

#close{ position:fixed; z-index:500; left:60%; width:4rem; height:4rem; top:0; background:#755f2b;}
#close img{ width:100%;}

#menu{ position:fixed; z-index:900; background:rgba(0,0,0,0.8); width:100%; height:100%; display:none;}
#menu ul{ width:60%; background:#eee; height:100%; overflow:scroll;}
#menu ul li a{ display:block; line-height:3rem; font-size:15px; color:#333; border-bottom:solid 1px #ddd; padding:0 36px;}
#menu ul li a:hover{ background:#755f2b; color:#fff;}

#index1{ width:90%; margin:2rem auto; overflow:hidden;}
#index1 .left{}
#index1 .left img{ width:100%;}
#index1 .right{ width:100%;}
#index1 .right p.a1{ font-size:1.2rem; color:#333; line-height:60px;}
#index1 .right p.a2{ color:#666;}
#index1 .right p.a3{ padding-top:30px;}
#index1 .right p.a3 a{ display:block; border:solid 1px #eee; line-height:34px; color:#333; width:104px; text-align:center;}
#index1 .right p.a3 a:hover{ background:#755f2b; color:#fff;}

#index2{ width:90%; margin:0 auto; overflow:hidden;}
#index2 .left{ width:100%; }
#index2 .right{ width:100%;}

#index2 .tt{ width:100%; overflow:hidden; border-bottom:solid 1px #755f2b; font-size:24px; line-height:50px; color:#333;}
#index2 .tt span{ float:right; margin-top:25px;}
#index2 .newslist{ width:100%; overflow:hidden;}
#index2 .newslist dl dt{ border-bottom:solid 1px #f2ede3; padding:23px 0 20px 0;}
#index2 .newslist dl dt a{ display:block; overflow:hidden;}
#index2 .newslist dl dt a div.date{ font-family:Arial, Helvetica, sans-serif; float:left; background:url(image/index1_14.jpg) no-repeat; line-height:18px; text-align:center; color:#fff; width:68px; height:72px;}
#index2 .newslist dl dt a div.date p{ font-weight:900; font-size:30px; line-height:32px; padding-top:10px;}
#index2 .newslist dl dt a div.con{ float:right; width:72%;}
#index2 .newslist dl dt a div.con p.a1{ font-size:16px; color:#333; line-height:30px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#index2 .newslist dl dt a div.con p.a2{ font-size:12px; color:#666; line-height:18px;}
#index2 .newslist dl dt a:hover div.con p.a1{ color:#755f2b;}

#index2 .newslist dl dd{ border-bottom:solid 1px #f2ede3;}
#index2 .newslist dl dd a{ display:block; line-height:50px; color:#333; overflow:hidden;}
#index2 .newslist dl dd a font{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block; width:70%; float:left;}
#index2 .newslist dl dd a span{ float:right; color:#999;}
#index2 .newslist dl dd a font img{ vertical-align:middle; margin-right:5px; margin-bottom:3px;}
#index2 .newslist dl dd a:hover{ color:#755f2b;}

#index3{ width:90%; margin:0 auto; overflow:hidden; padding-top:65px;}
.title{ width:100%; overflow:hidden; text-align:center; font-size:30px; color:#333; line-height:40px;}
.title p{ background:url(image/line.jpg) repeat-x center; font-size:14px; color:#999; text-transform:uppercase; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
.title p span{ background:#fff; padding:0 20px;}


#index3 .btn{ width:100%; overflow:hidden; padding-top:25px; padding-bottom:60px;}
#index3 .btn ul{ width:100%;}
#index3 .btn ul li{ width:50%; float:left;}
#index3 .btn ul li a{ display:block; border:solid 1px #f2ede3; text-align:center; color:#333; font-size:.8rem; line-height:50px;}
#index3 .btn ul li a img{ width:100%;}
#index3 .btn ul li a:hover{ border:solid 1px #755f2b; color:#755f2b;}

#index4{ width:90%; margin:0 auto; overflow:hidden;}
#index4 .left{ width:100%; margin:0 auto; overflow:hidden; }
#index4 .right{ width:100%; margin:2rem auto 0 auto; overflow:hidden;}
#index4 .btn{ width:100%; overflow:hidden; border-bottom:solid 1px #755f2b;}
#index4 .btn ul li{ float:left; border:solid 1px #f2ede3; line-height:40px; font-size:16px; padding:0 25px; margin-right:5px; cursor:pointer;}

#index4 .con dl{ display:none; padding-top:10px;}
#index4 .con dl dd{ border-bottom:solid 1px #f2ede3;}
#index4 .con dl dd a{ display:block; line-height:50px; color:#333; overflow:hidden;}
#index4 .con dl dd a font{ white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:block; width:70%; float:left;}
#index4 .con dl dd a span{ float:right; color:#999;}
#index4 .con dl dd a font img{ vertical-align:middle; margin-right:5px; margin-bottom:3px;}
#index4 .con dl dd a:hover{ color:#755f2b;}

#index5{ width:90%; margin:0 auto; overflow:hidden; padding-top:60px;}
#index5 .pic{ width:100%; overflow:hidden; padding-top:25px;}
#index5 .pic ul{ width:100%;}
#index5 .pic ul li{ width:50%; float:left;}
#index5 .pic ul li a{ display:block; padding:10px 10px 0 10px; text-align:center; line-height:50px; font-size:14px; color:#333;}
#index5 .pic ul li a div{ overflow:hidden;}
#index5 .pic ul li a img{transition:All 0.4s ease-in-out; width:100%;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#index5 .pic ul li a img:hover{transform:scale(1.15);}
#index5 .pic ul li a:hover{ background:#755f2b; color:#fff;} 

#index5 .more a{ display:block; border:solid 1px #eee; line-height:34px; color:#333; width:104px; text-align:center; margin:40px auto 60px auto; overflow:hidden;}
#index5 .more a:hover{ background:#755f2b; color:#fff;}

#bottom{ width:100%; overflow:hidden; background:#333; overflow:hidden; padding-bottom:60px; display:none;}
.bottom{ width:1200px; margin:0 auto; overflow:hidden; color:#fff;}
p.link_tt{ font-size:24px; line-height:50px; padding-top:30px;}
p.link{ overflow:hidden; background:url(image/index1_37.jpg) repeat-x bottom left; padding-bottom:30px;}
p.link a{ display:block; overflow:hidden; color:#ccc; margin-right:17px; float:left;}
p.link a:hover{ color:#fff; text-decoration:underline}

p.service{ overflow:hidden; padding-top:20px;}
p.service span{ display:block; float:left; color:#ccc; margin-right:70px;}
p.service span font{ font-size:18px; color:#fff;}

#bottom1{ width:1200px; margin:0 auto; overflow:hidden; text-align:left; line-height:75px; color:#666; display:none;}

#bottom1 span{ float:right;}

#mbottom{ position:fixed; bottom:0; left:0; z-index:400; background:#755f2b; width:100%;}
#mbottom ul li{ float:left; width:25%;}
#mbottom ul li a{ display:block; text-align:center; border-left:solid 1px #836d38;}
#mbottom ul li a img{ height:3rem;}
#mbottom1{ width:100%; height:3rem; overflow:hidden;}


#zbanner{ width:100%; overflow:hidden;}
#zbanner img{ width:200%; margin-left:-50%;}

#mtitle{ line-height:3rem; background:#755f2b; color:#fff; width:100%; overflow:hidden; font-size:1rem; text-indent:1rem;}
#mtitle p{ float:right;}
#mtitle p img{ height:3rem;}

#aboutmenu{ width:100%; overflow:hidden; background:#eee; text-align:center; display:none;}
#aboutmenu ul{ width:100%;margin:0 auto; overflow:hidden; }
#aboutmenu ul li{ width:100%;}
#aboutmenu ul li a{ display:block; line-height:3rem; color:#333; border-top:solid 1px #fff; font-size:.9rem;}
#aboutmenu ul li a:hover{ background:#755f2b; color:#fff;}

#newsmenu{ width:100%; overflow:hidden; background:#eee; text-align:center; display:none;}
#newsmenu ul{ width:100%;margin:0 auto; overflow:hidden; }
#newsmenu ul li{ width:100%;}
#newsmenu ul li a{ display:block; line-height:3rem; color:#333; border-top:solid 1px #fff; font-size:.9rem;}
#newsmenu ul li a:hover{ background:#755f2b; color:#fff;}

#newsmenu ul li div.zmenu{ background:#f7f7f7;}

#newsmenu ul li div.zmenu p{ border-top:solid 1px #fff;}
#newsmenu ul li div.zmenu p a{ display:block; text-align:center;}


#title{ width:90%; margin:0 auto; overflow:hidden; font-size:30px; line-height:50px; color:#333; text-align:center; padding-top:2rem; padding-bottom:30px;}
#title p{ background:url(image/line.jpg) repeat-x center;}
#title p span{ background:#fff; padding:0 20px; font-size:0.6rem; color:#999; line-height:18px; }
#title p span a{ color:#999;}
#title p span a:hover{ color:#755f2b;}

#title1{ width:90%; margin:0 auto; overflow:hidden; font-size:1.3rem; line-height:2rem; color:#333; text-align:center; padding-top:2rem; padding-bottom:30px;}
#title1 p{ background:url(image/line.jpg) repeat-x center;}
#title1 p span{ background:#fff; padding:0 20px; font-size:0.6rem; color:#999; line-height:18px; }
#title1 p span a{ color:#999;}
#title1 p span a:hover{ color:#755f2b;}

#content{ width:90%; margin:0 auto 2rem auto; overflow:hidden; color:#666; line-height:30px; font-size:.8rem;}
#content img{ width:100%;}

#picture{ width:85%; margin:0 auto; overflow:hidden;}
#picture ul li{ width:100%; margin-right:30px; margin-bottom:30px;}
#picture ul li a{ display:block; padding:10px 10px 0 10px; background:#f4f3ef; text-align:center; font-size:.8rem; line-height:2.6rem; color:#755f2b;}
#picture ul li a img{ width:100%;}
#picture ul li a:hover{ color:#fff; background:#755f2b;}


#page{ width:100%; text-align:center; overflow:hidden; padding-bottom:60px;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 3px;}
#page ul li a{ display:block; border:solid 1px #eee; border-radius:3px; line-height:40px; padding:0 15px; color:#333;}
#page ul li a:hover{ background:#755f2b; color:#fff;}
#page ul li a.it{ background:#755f2b; color:#fff;}
#page ul li.k{ display:none;}



#newslist{ width:90%; margin:0 auto 40px auto; overflow:hidden;}
#newslist ul li{ width:100%; }
#newslist ul li a{ line-height:60px; border-bottom:solid 1px #eee; overflow:hidden; color:#333; display:block; font-size:15px;}
#newslist ul li a span{ float:right; color:#999; font-size:14px;}
#newslist ul li a font{ width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; float:left;}
#newslist ul li a font img{ vertical-align:middle; margin-right:10px; margin-bottom:2px; }


#case{ width:90%; margin:0 auto; overflow:hidden; padding-top:0rem;}

#case ul{ width:100%;}
#case ul li{ width:50%; float:left;}
#case ul li a{ display:block; padding:10px 10px 0 10px; text-align:center; line-height:50px; font-size:14px; color:#333;}
#case ul li a div{ overflow:hidden;}
#case ul li a img{transition:All 0.4s ease-in-out; width:100%;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}

#kuang{ width:90%; margin:0 auto; overflow:scroll;}
#job{ width:900px; margin:0 auto 30px auto; overflow:hidden;}
#job .tt{ width:100%; overflow:hidden;}
#job .tt p{ float:left; font-size:15px; color:#755f2b; font-weight:900; line-height:50px; border-bottom:solid 1px #eee;}
#job .tt p.a1{ width:10%;}
#job .tt p.a2{ width:15%;}
#job .tt p.a3{ width:10%;}
#job .tt p.a4{ width:15%;}
#job .tt p.a5{ width:35%;}
#job .tt p.a6{ width:15%;}

#job .con{ width:100%; overflow:hidden;}
#job .con p{ float:left; font-size:14px; color:#666; line-height:50px; border-bottom:solid 1px #eee;}
#job .con p.a1{ width:10%;}
#job .con p.a2{ width:15%;}
#job .con p.a3{ width:10%;}
#job .con p.a4{ width:15%;}
#job .con p.a5{ width:35%;}
#job .con p.a6{ width:15%;}
#job .con:hover{ background:#f7f7f7;}

#contact{ width:90%; margin:0 auto 60px auto; overflow:hidden;}
#contact .left{ width:100%;}
#contact .left p{ line-height:1.2rem; font-size:.8rem; padding:0.9rem 0; border-bottom:solid 1px #eee;}
#contact .right{width:100%; }
#contact .right img{ width:100%;}

#feedback{ width:90%; margin:0rem auto 3rem auto;}
#feedback p{ line-height:40px; overflow:hidden; margin-bottom:10px;}
#feedback p span{ width:80px; display:block; display:block;}
#feedback p input{ border:solid 1px #eee; height:40px; line-height:40px; width:90%; text-indent:10px;}
#feedback p textarea{ border:solid 1px #eee; height:100px; line-height:20px; width:85%; padding:10px; font-family:"微软雅黑";}
#feedback p.code input{ border:solid 1px #eee; height:40px; line-height:40px; width:150px; text-indent:10px; float:left;}
#feedback p.code font{ float:left;}
#feedback p a{ display:block; background:#755f2b; color:#fff; line-height:40px; border-radius:3px; width:90%; text-align:center;  margin-top:30px;}
#feedback p a:hover{ background:#c00;}





















}